body{
	overflow: hidden;
	margin: 0;
}

.loading{
	display: none;
	position: absolute;
    background: #ff5858;
    width: 100%;
    height: 100%;
}
.loading .cover{
	position: absolute;
    height: 100%;
    left: 0;
    width: 0%;
    background: #58d2ff;
}
.loading p{
	position: absolute;
	z-index: 999;
	font-size: 50px;
	font-family: "微软雅黑";
    text-align: center;
    top: 40%;
    width: 100%;
}

.dialog{
	display: none;
	position: fixed;
	z-index: 999;
	width: 500px;
	height: 500px;
	/*margin: auto;*/
	left: 30%;
	top: 20%;
	/*padding: 5px;*/
	background-color: rgba(255,255,255,0.9);

    /*border: 2px dashed rgba(255,255,255,0.4);*/
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
    -moz-box-shadow: 0 0 0 4px #BDBBF2, 2px 1px 4px 4px rgba(10,10,0,.5);
    -webkit-box-shadow: 0 0 0 4px #BDBBF2, 2px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 4px #BDBBF2, 2px 1px 6px 4px rgba(10,10,0,.5);
}
.title-bar{
	height: 35px;
	background-color: #7694d8;
}

.title-bar .title-button{
	padding: 3px;
}
.title-bar .title-button a{
	margin-left: 10px;
}
.title-bar .title{
	width: 150px;
	margin:5px 10px;
	text-align: center;
	font-size: 18px;
	float: left;
}
.title-bar .search{
	/*display: inline-block;*/
	float: left;
	width: 200px;
	padding: 2px 10px;
}
.content{
	padding: 10px;
	overflow-y: scroll;
	width: 100%;
	height: 450px;
}
.content h3{
	text-align: center;
}

.content ul li{
	margin: 5px 0;
}

.del-x{
	float: right;
	font-size: 15px;
	font-weight: 800;
	margin: 0 20px;
	color: black;
}
.del-x:hover{
	color: red;
}

#qrcode img{
	margin: auto;
}


.chat-avatar{
	position: fixed;
	z-index: 999;
	width: 50px;
	height: 50px;
	right: 10px;
	bottom: 10px;
	overflow: hidden;
	border-radius: 25px;
	border: solid skyblue 1px;
}
.chat-avatar img{
	width: 50px;
}
.chat{
	display: none;
	position: fixed;
	z-index: 999;
	width: 300px;
	height: 500px;
	right: 0;
	bottom: 0;
}
.chat iframe{
	width: 300px;
	height: 500px;
	border: none;
}
.chat .close {
	color: red;
	border-radius: 12px;
	line-height: 20px;
	text-align: center;
	height: 20px;
	width: 20px;
	font-size: 18px;
	padding: 1px;
	top: 10px;
	right: 10px;
	position: absolute;
	opacity: 1;
	text-shadow: 0 0 1px #fff;
}
.chat .close::before {
	content: "\2716";
}